@import url(CSS/Status.css);
@import url(CSS/Fieldset.css);
/*@import url(CSS/Calendar.css);*/
@import url(CSS/Editor.css);
@import url(CSS/MCE.css);

* { padding: 0px; margin: 0px; }

body 
{ 
    font-family: Georgia, Times New Roman, Serif;
    font-size: .8em;
    background-color: #fff; 
    color: #444; 
    text-align: center;
}

ul { list-style-type: none; margin-left: 10px; }
li { padding: 3px 0px; }

a { color: #8B3D64; }
a:hover { color: #333; }

#wrapper { width: 960px; margin: 0 auto; text-align: left; }

#main { margin-top: 14px; }

#header { height: 220px; overflow: hidden; padding: 0px; background: url(Images/header1.jpg) no-repeat top right; }
#header h1 { text-indent: -9999px; float: left; }
#header h1 a  
{
    width: 263px; 
    height: 220px; 
    display: block; 
    background: url(Images/logo.gif) no-repeat 0 0; 
    color: #000;
}

#left-col { float: left; width: 263px; }

.menu ul { margin: 0px; }
.menu ul li { padding: 0px; }
.menu ul li a { background-color: #ddd; font-weight: bold; padding: 6px 14px; margin: 1px 0px; display: block; color: #5d5d5d; text-decoration: none; }
.menu ul li a:hover { text-decoration: underline; }
.menu ul ul { margin-left: 15px; }
.menu ul ul li a { background-color: #fff; font-weight: normal; }

.menu ul .sta { display: none; }
.menu ul .dyn { display: block; }
.menu li:hover .sta { display: block; }

/*.menu ul ul ul { display: none; }
.menu ul ul li:hover ul { display: block; }*/

.menu ul ul a { background: url(Images/bullet1.gif) no-repeat 0px 9px; padding-left: 16px; }
.menu ul ul ul a { background: url(Images/bullet2.gif) no-repeat 0px 9px; }

.Search-Box { padding: 10px; }
.Search-Box input { font-size: 12px; padding: 3px 6px; margin-left: 10px; }
.Search-Box .tb { width: 150px; }
.Search-Box .btn { }

#body { float: right; width: 684px; font-family: Tahoma, Arial, Sans-Serif; }

h2 { background-color: #bfdcd8; padding: 8px; font-family: Georgia, Times New Roman, Serif; font-size: 18px; font-weight: normal; margin-bottom: 20px; }
h3 { font-weight: normal; color: #4D9CA0; font-size: 20px; font-family: Georgia, Times New Roman, Serif; margin: 20px 0px 10px 0px; }

.left { float: left; width: 50%; }
.right { float: left; width: 50%; }

.default-page { margin-bottom: 20px; }
.default-page .File-List { background-color: #E0CAD6; padding: 15px 0px 0px 15px; color: #3F3D40; }
.default-page .File-List h3 { color: #333; margin-top: 0px; }
.default-page .File-List ul { width: 100%; overflow: auto; }
.default-page .File-List li { padding: 0; background: none; font-size: 12px; width: 40%; float: left; margin: 15px 40px 10px 0px; }
.default-page .File-List li a { background: url(Images/bullet3.gif) no-repeat 0px 3px; padding-left: 14px; color: #222; float: left; }
.default-page .File-List li a:hover { color: #000; }
.default-page .File-List li em { color: #3F3D40; float: right; }

.twitterFeed
{
    margin: 10px;
    background-color: #fafafa;
    padding-bottom: 10px;
}
.twitterFeed h3
{
    margin: 0;
    padding: 7px 10px;
    text-align: right;
    background: #00ACED url(http://www.tx.ncsu.edu/tecs/images/buttons/twitter_logo.png) no-repeat left center;
}
.twitterFeed h3 a { color: #fff; font-weight: bold; text-decoration: none; }
.twitterFeed ul 
{ 
    margin: 20px 30px;
}
.twitterFeed li
{
    padding: 4px 5px;
    border-bottom: solid 1px #ccc;
}
.twitterFeed li em
{
    font-style: normal;
    font-weight: bold;
    float: right;
    color: #aaa;
}

.mp-logos { text-align: center; margin-top: 20px; }
.mp-logos img { border: 0; max-width: 100%; }

.defaultBottom { overflow: auto; }
.defaultBottom a.archive { font-family: Georgia, Times New Roman, Serif; font-size: 14px; color: #4E9CA0; font-weight: bold; float: right; }

.bottomAds { margin-top: 20px; text-align: center; }
.bottomAds ul { list-style: none; }
.bottomAds li { padding: 10px; }
.bottomAds img { border: 0; max-width: 400px; }

.condensedActualityFeed { padding: 5px 10px; }
.condensedActualityFeed h3 { color: #4E9CA0; font-weight: normal; font-size: 18px; }
.condensedActualityFeed ul { margin: 10px 0px; overflow: auto; }
.condensedActualityFeed li { width: 50%; float: left; }
.condensedActualityFeed li a { padding-left: 15px; background: url(Images/bullet3.gif) no-repeat 0px 2px; color: #5E5E5E; }

.calendarFeed { margin-top: 20px; padding: 10px 20px 10px 10px; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; background-color: #f5f5f5; }
.calendarFeed h3 { font-size: 18px; margin: 0; }
.calendarFeed ul { }
.calendarFeed ul li { padding: 15px 0px; border-bottom: dotted 1px #aaa; }
.calendarFeed ul li em { display: block; font-style: normal; color: #333; font-weight: bold; margin-bottom: 5px; }
.calendarFeed ul li a, .calendarFeed ul li span { padding-left: 10px; display: block; }
.calendarFeed ul li a { color: #444; }
.calendarFeed .cal-link { display: block; text-align: center; margin: 10px 0px; color: #8B3D64; text-decoration: underline; }

/*.calendarFeed dl { overflow: auto; margin-top: 10px; }
.calendarFeed dt, .calendarFeed dd { padding: 3px 0px; }
.calendarFeed dt { float: left; clear: left; width: 6em; font-weight: bold; }
.calendarFeed dd { padding-left: 6.5em;}*/

.calendar { }
.calendar .Calendar-Header { text-align: center; }
.calendar .Calendar-Header .Next-Prev-Buttom { }
.calendar .Calendar-Header strong { padding: 0px 20px; font-size: 120%; }
.calendar ul { margin-top: 20px; }
.calendar ul li { overflow: auto; padding: 10px 5px; border-bottom: solid 1px #f0f0f0; }
.calendar ul em { float: left; width: 180px; font-style: normal; font-weight: bold; }
.calendar ul li span, .calendar ul li a { float: left; width: 400px; }

.contact { padding: 0px 10px; }
.contact table { width: 600px; margin: 10px 0px 30px 0px; border-top: solid 1px #666; }
.contact table td, .contact table th { padding: 7px 0px; border-bottom: dotted 1px #ccc; font-weight: normal; }
.contact table th { width: 250px; color: #333; }
.contact table th a { display: block; font-size: 11px; margin-left: 1em; }
.contact table td { width: 175px; }
.contact table .odd td { background-color: #f5f5f5; }

.actualityFeed h3
{ 
    background-color: #8b3d64; 
    padding: 8px; 
    color: #fff; 
    font-family: Georgia, Times New Roman, Serif; 
    font-weight: normal; 
    font-size: 16px;
    margin-bottom: 20px; 
}
.actualityFeed li { overflow: auto; margin-bottom: 10px; border-bottom: dotted 1px #ccc; padding: 5px 5px 10px 10px; }
.actualityFeed .icon { float: left; width: 150px; }
.actualityFeed .icon img { border: 0; }
.actualityFeed .info { padding-left: 170px; }
.actualityFeed .info .posted { font-size: 9px; color: #555; font-family: Verdana, Sans-Serif; margin-top: 5px; }
.actualityFeed .info a { font-family: Georgia, Times New Roman, Serif; font-weight: bold; color: #4E9CA0; }
.actualityFeed .info .prepend { color: #444; padding: 5px 15px 5px 0px; text-align: justify; }
.actualityFeed .info .prepend:first-line { font-weight: bold; }
.actualityFeed .info .prepend a { font-weight: normal; font-family: Tahoma, Arial, Sans-Serif; font-size: 90%; margin-left: 7px; }
.actualityFeed .info .footer { text-align: right; font-size: 10px; padding: 0px 10px; }
.actualityFeed .info .footer a { font-family: Verdana, Sans-Serif; font-weight: normal; color: #333; text-decoration: none; }
.actualityFeed .info .footer a:hover { color: #000; text-decoration: underline; }

.actualityFeed .Important { background-color: #FFEEDD; }
.actualityFeed .Important .ImportantLabel { font-size: 80%; color: #600; font-weight: bold; }

ul.search .info { padding-left: 0px; }
ul.search .info .posted { display: inline; }
ul.search .info .prepend { font-size: 10px; }

.page-search-feed { }
.page-search-feed span { font-size: 10px; color: #666; }

.SiteMapPath { padding: 0px 10px; font-size: 10px; margin-bottom: 15px; color: #ccc; }
.SiteMapPath a { color: #333; font-size: 12px; }
.SiteMapPath span { color: #333; font-size: 12px; font-weight: bold; }

.content { line-height: 150%; padding: 0px 10px; text-align: justify; }
.content h3 { margin-top: 30px; }
.content img { margin: 5px; }
.content p, .content ul { margin: 0px 0px 15px 10px; }
.content li { background: url(Images/bullet1.gif) no-repeat 0px 9px; padding-left: 14px; }
.content table td { padding: 3px 5px; }
/*.content .el-link { padding: 15px 10px; text-align: center; margin: 10px 0px; display: block; background-color: #8b3d64; color: #fff; font-size: 150%; }*/
.content .Contact-Box { overflow: auto; }
.content .Contact-Box dt { float: left; clear: left; font-weight: bold; text-align: right; width: 6em; margin-right: 5px; margin-bottom: 5px; }
.content .Contact-Box dd { margin-bottom: 5px; }

.content #el { padding: 0px; background-color: #f5f5f5; margin-top: 20px; }
.content #el ul { padding: 10px; margin: 0px 0px 0px 20px; }
.content #el ul li { overflow: auto; padding-left: 40px; }
.content #el h4 { padding: 15px 20px 15px 50px; cursor: pointer; background: #ddd url(Images/folder.png) no-repeat 10px 12px; color: #8B3D64; font-size: 16px; font-weight: normal; margin-top: 1px; }
.content #el h4:hover { color: #000; text-decoration: underline; }
.content #el .File-List a.title { float: left; width: 350px; color: #000; }
.content #el .File-List .info { color: #333; float: left; width: 130px; font-weight: bold; }
.content #el .File-List .date { float: left; width: 100px; }

.File-List ul li { background: url(Images/FileIcons/other.gif) no-repeat left center; padding: 4px 0px 4px 30px; margin-bottom: 8px; }
.File-List a { color: #333; text-decoration: underline; }
.File-List a:hover { color: #900; }
.File-List em { font-style: normal; color: #000; margin-left: 10px; text-decoration: none; }
.File-List ul li.doc, .File-List ul li.docx, .File-List ul li.rtf { background-image: url(Images/FileIcons/doc.gif); }
.File-List ul li.xls, .File-List ul li.xlsx { background-image: url(Images/FileIcons/xls.gif); }
.File-List ul li.ppt, .File-List ul li.pptx { background-image: url(Images/FileIcons/ppt.gif); }
.File-List ul li.pdf { background-image: url(Images/FileIcons/pdf.gif); }

.File-List .sounds ul { overflow: auto; }
.File-List .sounds li { padding: 5px 10px; background: none; width: 45%; float: left; }

.Pager { padding: 5px; overflow: auto; }
.Pager li { float: left; border: 0; padding: 0px; margin: 0; }
.Pager span,
.Pager a { display: block; padding: .3em .7em;  margin-right: .5em; border: solid 1px #fff; }
.Pager span { border: solid 1px #e0e0e0; background-color: #f5f5f5; font-weight: bold; }
.Pager a { color: #000; }
.Pager a:hover { border: solid 1px #e0e0e0; background-color: #fff; }

.Sub-Pages { overflow: auto; }
.Sub-Pages li { background: url(Images/bullet1.gif) no-repeat 0px 8px; width: 45%; float: left; }

.content .foot { font-size: 11px; color: #777; text-align: right; }
.content .foot a { text-decoration: none; color: #666; }
.content .foot a:hover { text-decoration: underline; color: #000; }

.gallery-list { padding: 0px 10px; }

.gallery { }
.gallery .info { font-size: 10px; color: #888; font-family: Verdana, Arial, Sans-Serif; margin-top: 20px; text-align: right; }
.gallery .back { display: block; text-align: center; font-size: 16px; }

.article { }
.article h3 { }
.article .body { overflow: auto; }
.article .body hr { color: #888; height: 1px; border: 0; border-top: solid 1px #888; }

.article .Tag-List { overflow: auto; }
.article .Tag-List h3 { float: left; font-size: 16px; padding: 0; margin: 0px 10px 0px 0px; }
.article .Tag-List ul { float: left; padding: 0; margin: 0; }
.article .Tag-List li { margin: 0px 10px 0px 0px; padding: 0; }
.article .Tag-List li a { border: 0; padding: 0; text-decoration: underline; }
.article .Tag-List li a:hover { background-color: #fff; }

.Tag-List { overflow: auto; margin-bottom: 10px; }
.Tag-List ul { float: left; }
.Tag-List li { float: left; margin-right: 5px; }
.Tag-List li a { display: block; padding: 5px 7px; background-color: #fff; border: solid 1px #ccc; color: #333; text-decoration: none; }
.Tag-List li a.Current { background-color: #999; color: #fff; border-color: #999; }
.Tag-List li a:hover { border-color: #ccc; background-color: #f5f5f5; }
.Tag-List li a.Current:hover { border-color: #000; background-color: #999; }

.Photo-List { overflow: auto; }
.Photo-List a { width: 180px; text-align: center; background-color: #eee; margin: 1px; float: left; }
.Photo-List a img { border: 0; margin: 8px auto; }

.seznam-studentu { padding: 20px; }
.seznam-studentu ul { overflow: auto; margin: 10px 0px; }
.seznam-studentu li { float: left; padding: 5px 10px; width: 40%; margin-right: 10px; }

#footer { text-align: center; padding: 20px 0px; text-align: center; background-color: #8b3d64; color: #fff; margin-top: 20px; }

/* login */
.login { width: 350px; }
.login .checkbox-field { display: none; }
.login .forgotten-password { text-align: center; }

/* rozvrh - seznamy */
.seznam-trid ul { overflow: auto; }
.seznam-trid li { float: left; padding: 5px; }
.seznam-trid li a { display: block; padding: 10px 10px; border: solid 1px #ccc; font-size: 20px; text-decoration: none; font-weight: bold; color: #333; }
.seznam-trid li a:hover, .seznam-trid li.Active a { background-color: #f5f5f5; border-color: #666; color: #000; }

.seznam-ucitelu ul { overflow: auto; }
.seznam-ucitelu li { float: left; width: 30%; }
.seznam-ucitelu li a { display: block; padding: 4px 4px; }

.seznam-uceben ul { overflow: auto; }
.seznam-uceben li { float: left; padding: 5px; }
.seznam-uceben li a 
{ 
    display: block; 
    padding: 10px 0px; 
    width: 50px; 
    border: solid 1px #ccc; 
    font-size: 20px; 
    text-decoration: none; 
    font-weight: bold; 
    color: #333; 
    text-align: center;
 }
.seznam-uceben li a:hover { background-color: #f5f5f5; border-color: #666; color: #000; }

/* misc */

.clear { clear: both; }
.validation-summary { text-align: center; color: #900; font-size: 14px; font-weight: bold; }